<template>
  <div class="student">
    <h2>学生姓名：{{name}}</h2>
    <h2>学生性别：{{sex}}</h2> 
  </div>
</template>

<script>

export default {
    name:'Student',
    data() {
        return {
            name:'彼暗',
            sex:'男 ', 
        }
    },
    // 钩子函数，挂载 
    mounted(){
       this.$bus.$on('studentAcceptor',(...params)=>{
          console.log('学生收到数据了：',params);
       })
    }
    

}
</script>

<!-- scoped 所有的样式只在当前组件的模板中有效 -->
<style scoped>
  .student{
    background-color: orange;
  }
</style>
